<template>
  <div>
    <!-- 1. 设置超链接 -->
    <router-link to="/home">首页</router-link>&nbsp;
    <router-link to="/movie/3/流浪地球">流浪地球</router-link>&nbsp;
    <router-link to="/movie/5/绿皮书">绿皮书</router-link>&nbsp;
    <router-link to="/movie/7/教父">教父</router-link>&nbsp;
    <router-link to="/music?id=2&name=蔡徐坤">蔡徐坤</router-link>&nbsp;
    <router-link to="/music?id=3&name=吴亦凡">吴亦凡</router-link>&nbsp;
    <router-link to="/music?id=4&name=李易峰">李易峰</router-link>&nbsp;
    <router-link to="/about">关于</router-link>&nbsp;
    <router-link to="/about/me">关于我</router-link>&nbsp;
    <router-link to="/about/you">关于你</router-link>&nbsp;

    <!-- 2. 占位符，一会要展示的组件，就展示到了这里 -->
    <router-view></router-view>
  </div>
</template>

<script>
export default {}
</script>

<style scoped>
a {
  text-decoration: none;
  color: dimgrey;
}
.router-link-exact-active {
  color: red;
}
</style>
